<template>
  <div>
    <TypeNav/>
    <ListContainer/>
    <TodyRecommend/>
    <HotRank/>
    <YouLike/>
    <FloorShop v-for="item in floorList" :key="item.id" :list="item"/>
    <ShopBrand/>
  </div>
</template>

<script>
// 引入轮播图组件
import ListContainer from '@/pages/Home/ListContainer'
// 引入组件
import TodyRecommend from '@/pages/Home/TodyRecommend'
// 引入组件
import HotRank from '@/pages/Home/HotRank'
// 引入组件
import YouLike from '@/pages/Home/YouLike'
// 引入组件
import FloorShop from '@/pages/Home/FloorShop'
// 引入组件
import ShopBrand from '@/pages/Home/ShopBrand'
import { mapState } from 'vuex'
export default {
  name:'homeIndex',
  components:{
    ListContainer,
    TodyRecommend,
    HotRank,
    YouLike,
    FloorShop,
    ShopBrand
  },
  mounted(){
    this.$store.dispatch('home/getFloorList')
  },
  computed:{
    ...mapState('home',['floorList'])
  }
}
</script>

<style>

</style>